import { useIntersectionObserver } from '@vueuse/core'
export const lazyPlugin={
  install(app){
    //懒加载逻辑
    //定义全局指令
    app.directive('img-lazy',{
      mounted(el,binding){
        //el 指令绑定的哪个元素 img
        //binding: binding.value 指令等于号后面绑定的表达式的值 图片url
        console.log(el,binding.value)
        const {stop} =useIntersectionObserver(
          el,
          ([{isIntersecting}]) => {
            //进入视口区域
            if(isIntersecting){
              el.src= binding.value
              stop()
            }
          },
        )
      }
    })
  }
}
